/* -----------------------------------

Projekt: panel administracyjny
webmaster: Maciej Szelezin

------------------------------------- */

/* Czyszczenie styl__w */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td {border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}

/* Layout */
body {background: #000000 url('../../image/Admin/backgroundBody.gif') no-repeat scroll center top;	font-family: tahoma, verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#505052; margin:10px;}
.cb {clear:both;}
a {
	color:#4182AB;
	text-decoration:none;
}
h1 {
	font-size:21px;
	font-weight:normal;
}

h2 {
	font-size: 12px;
}
h3 {
	font-size:18px;
	font-weight:normal;
}
/* NAGLOWEK PANELU 	ADMINISTRACYJNEGO */
div.titleHeader {width: 100%;	font-size: 20px; color: #6eb6df; margin-bottom:10px;}
div.titleHeader img {vertical-align: middle;}
div.titleHeader a {color: #6eb6df; text-decoration:none;}
div.titleHeader a:hover { text-decoration:none;}

/* GLOWNA RAMKA */
div.mainContentFrame {background-color:#ccdef3;	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:10px;}
div.mainContentFrameLogin { background-color:#ccdef3;	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:10px; width:500px; margin:0 auto;}


/* 	ZAKLADKI MENU GLOWNEGO */
ul.tabs {margin-top: 10px; padding-left: 10px;	list-style: none;	height:20px;}
ul.tabs li {float: left;}
ul.tabs li a {width: 130px; height: 20px;	color:#ffffff; text-decoration: none; font-weight: normal; font-size: 11px;	background-color:transparent;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px;}
ul.tabs li a:hover {background-color:#666f7a; display: block; }
ul.tabs a.selected {width: 130px; height: 20px;	color:#333333; font-weight:bold; text-decoration: none; font-size: 11px;	background-color:#ccdef3;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px; 
background:
	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.50, rgb(204,222,243)),
    color-stop(0.89, rgb(255,255,255))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(204,222,243) 50%,
    rgb(255,255,255) 89%
);


}
ul.tabs a.selected:hover {width: 130px; height: 20px;	color:#333333; font-weight:bold; text-decoration: none; font-size: 11px;	background-color:#ccdef3;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px;}


/* MENU BOCZNE */
.sideMenuContainer {float: left;	width: 300px;  border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff;} 
.sideMenu {background:#ffffff;	margin:10px; border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; }
.sideMenuIcons {  padding:10px;}
.sideMenuIcons a { border-right:1px dotted #cccccc; padding-right: 5px;}

.section { margin:10px; }
.section ul {list-style-type:none;}
.section ul li a { color:#666666; text-decoration:none; padding:4px 15px; display:block;}
.section ul li a:hover { color:#666666; text-decoration:none; padding:4px 15px; display:block; background-color:#eeeeee;}
.section ul li a.active { border:1px solid #b5c3fe; background-color:#dee4fe; font-weight:bold; border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;}
.sideMenu h2 { font-size:14px; font-weight:normal;  padding: 5px 10px;

/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
box-shadow:inset 0px -10px 20px #e4e4e4; -webkit-box-shadow: inset 0px -10px 20px #e4e4e4; -moz-box-shadow: inset 0px -10px 20px #e4e4e4; -o-box-shadow: inset 0px -10px 20px #e4e4e4;
}
.sideMenu h2 a { text-decoration:none; color:#666666;}
.sideMenu h2 img { margin-right:5px;}

.mainContent {
	margin:0 0 0 320px;
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff;
	padding:10px;
	
}

.mainContentLogin {
	margin:0 auto;
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff;
	padding:10px;
}
.mainOptions {
	background:#ffffff; border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;
	margin-top:10px;
	float: left;
	width:100%;

}

.mainOptions .mainOptions {
	width: 95%;
	margin: 5px;
}
.mainOptions h2 {
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; background-color:#ffffff;
	padding:5px 10px;
	/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
box-shadow:inset 0px -10px 20px #e4e4e4; -webkit-box-shadow: inset 0px -10px 20px #e4e4e4; -moz-box-shadow: inset 0px -10px 20px #e4e4e4; -o-box-shadow: inset 0px -10px 20px #e4e4e4;
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;

}
.mainOptions h2 a {
	text-decoration:none;
	color:#666666;
}
.optionContent {
	padding:10px;
}
table.loginTable {
	width:250px;
	margin:0 auto;
}
table.loginTable,table.loginTable td  {
	border:none;
}
table.loginTable tr:nth-child(odd), th:nth-child(odd) {
	background-color:transparent;
}

table.loginTable tr:hover {
	background:transparent;
}
table.commonTable {
	border: none;
	margin-bottom:10px;
}
tr:nth-child(odd), th:nth-child(odd) {
	background-color:#f7f7f7;
}
table.commonTable tr:nth-child(odd) th {
	background-color:#f7f7f7;
}
table.commonTable tr:nth-child(even) th {
	background-color:#fff;
}


table.commonTable th {
	background-color: #ffffff;
	text-align:right;
	width:5%;	
	white-space:nowrap;
	border-bottom:1px solid #dddddd;
	padding-right:10px;
	border-right:1px solid #dddddd;

}
.commonTable tr:nth-child(odd):hover {
		background:#f7f7f7;
}
.commonTable tr:nth-child(even):hover {
		background:#fff;
}

table.commonTable tr td {
	border-bottom:1px solid #dddddd;
	padding:4px;
	vertical-align:middle;
	padding-left:10px;
}
table.commonTable tr:nth-last-child(-n+1) td, table.commonTable tr:nth-last-child(-n+1) th {
	border-bottom:none;
}
.commonTable td {
	padding:2px 6px; border:0px solid #eeeeee; border-width:0 0px 0px 0;
	vertical-align: top;
}

input[type=text], textarea {
	width: 90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
select {
	width:225px;
}
select.tiny {
	width:50px;
	font-size:11px;
	
}
input[type=text].tiny, input[type=password].tiny
{
	width:50px;
}
input[type=text].small, select.small, input[type=password].small {
	width:150px;
}

input[type=text].medium, input[type=password].medium {
	width:220px;
}
input[type=text].long, input[type=password].long {
	width:300px;
}

input[type=radio], input[type=checkbox] {
	width: none;
	margin-top:8px;
	margin-right:6px;
}
input[type=submit], input[type=button]  {
	padding:5px 15px;
	color:#fff;
	background:#666666;
	border:none;
	box-shadow:inset 0px -10px 20px #000; -webkit-box-shadow: inset 0px -10px 20px #000; -moz-box-shadow: inset 0px -10px 20px #000; -o-box-shadow: inset 0px -10px 20px #000;
	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	margin-left: 5px;
	cursor:pointer;
}
input.cancel {
	border:1px solid #ccc;
	color:#666;
	background:#fff;
	box-shadow:inset 0px -10px 20px #eee; -webkit-box-shadow: inset 0px -10px 20px #eee; -moz-box-shadow: inset 0px -10px 20px #eee; -o-box-shadow: inset 0px -10px 20px #eee;
	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
}
input.cancel[type=button]:hover {
		background:#fff;
		box-shadow:inset 0px -10px 20px #999; -webkit-box-shadow: inset 0px -10px 20px #ccc; -moz-box-shadow: inset 0px -10px 20px #ccc; -o-box-shadow: inset 0px -10px 20px #ccc;
}
input[type=submit]:hover, input[type=button]:hover {
		background:#999999;
		box-shadow:inset 0px -10px 20px #333333; -webkit-box-shadow: inset 0px -10px 20px #333333; -moz-box-shadow: inset 0px -10px 20px #333333; -o-box-shadow: inset 0px -10px 20px #333333;
}
input.date {
	width:150px;
}

.mainContent table th {
	background-color: #ededed;
	padding:10px;
	text-align:left;
	color:#333333;
	border-left:1px solid #ffffff;
}

table th a {
	text-decoration:none;
	color:#193341;
}
table {
	width:100%;
}
table td {
	padding:10px;
	border:1px solid #dddddd; border-width:0 1px 1px 0;
}
table tr:hover {
	background-color:#f6f4cd;
	}
	
tr.selAllRow {
	background:transparent;
	border:none;
}
tr.selAllRow:hover {
	background-color: transparent;
}
tr.selAllRow td {
		border:none;
		border-bottom: 1px solid #dddddd;
}
tr.selAllRow .cornerTop {
	background: transparent url('../../image/Admin/CornerTop.gif') no-repeat scroll 16px 17px;
	border:none;
}
.mainContent tr.selAllRow .cornerBottom {
	background: transparent url('../../image/Admin/CornerBottom.gif') no-repeat scroll 16px -6px;
	border:none;
}
.mainContent tr.selAllRow td {
	border-bottom:none;
}
tr.selAllRow a {
	font-weight: bold;
	margin-right:10px; 
	padding-right:10px;
	border-right: 1px solid #ccc;
}
tr.selAllRow a:nth-last-child(-n+1) {
	border:none;
}
table td.selAll {
	width:14px;
	background: #ffffff url('../../image/Admin/sellAllBg.gif') repeat-y scroll 10px top;
	border-bottom:none;
}

td.selAll input[type=checkbox] {
	margin:0;
}
div.sort {
	width: 6px;
	height:12px;
	float:right;
	position:relative;
}
.sort a.ascending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}
.sort a.ascendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up_act.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down_act.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}


.sort img {
	margin-bottom:2px;
}
.validate {
	color:#cc0000;
	font-size:11px;
	background:transparent url('../../image/Admin/validation.gif') no-repeat scroll left top;
	line-height:15px;
	padding-left:20px;
	margin-top: 5px;
}
h2.slidingTab {
	cursor:pointer;
}
h2.slidingTab a.expand {
	padding-left:10px;
	background:transparent url('../../image/Admin/expand.gif') no-repeat scroll left 3px;
}
h2.slidingTab a.colapse {
	padding-left:10px;
	background:transparent url('../../image/Admin/colapse.gif') no-repeat scroll left 3px;
}
.add {
	padding-left:20px;
	background:transparent url('../../image/Admin/add.gif') no-repeat scroll left -2px;
	position:relative;
	height:1px;
}
.searchBox {
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
}
.searchBoxFilters {
	box-shadow:inset 0px -10px 30px #eee; -webkit-box-shadow: inset 0px -10px 30px #eee; -moz-box-shadow: inset 0px -10px 30px #eee; -o-box-shadow: inset 0px -10px 30px #eee;

	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
	margin-top:10px;
	padding-bottom:20px;

}
.searchBoxFilters h4 {
	margin-bottom: 10px;
	float:left;width:100%;
	
}
.searchBoxFilters h4 a {
	float:right;
	text-decoration:none;
	color:#333;
	box-shadow: none; -moz-box-shadow:none;
	border:none;
	background:transparent;
	
}
.searchBoxFilters h4 a span {
	border:1px solid #666;
	padding:0px 2px;
	font-size:10px;
}
.searchBoxFilters a {
	padding:5px;
	background-color: #999999;
	box-shadow:inset 0px -10px 30px #666; -webkit-box-shadow: inset 0px -10px 30px #666; -moz-box-shadow: inset 0px -10px 30px #666; -o-box-shadow: inset 0px -10px 30px #666;
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	color:#fff;
	text-decoration:none;
}
.searchBoxFilters a span {
	font-weight: bold;
	font-size:9px;
	border:1px solid #999;
	padding:0 2px;
	position:relative;
	bottom:1px;
	margin-right:3px;
	
}
.searchBox table {
	margin-top: 10px;
}
.searchBox table.commonTable td, .searchBox table.commonTable th{
	vertical-align:top;
}

.searchBox table tr:hover, .searchBox table.commonTable tr:hover  {background-color: transparent;}
.searchBox tr:nth-child(odd), th:nth-child(odd) {
	background-color: transparent;
}
.searchBox table.commonTable tr:nth-child(odd) th {
	background-color:#EDEDED;
}
.searchBox table.commonTable tr:nth-child(even) th {
	background-color:#F7F7F7;
}

.noSort .sort{
	visibility:hidden;
	
}
a.read {
	background: transparent url('../../image/Admin/read.gif') no-repeat scroll left -1px;
	padding: 3px 10px 3px 20px;
}
a.edit {
	background: transparent url('../../image/Admin/edit.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}
a.delete, a.deleteNoAlert {
	background: transparent url('../../image/Admin/delete.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}

a.stats, a.statsNoAlert {
	background: transparent url('../../image/Admin/calendar.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}

table.pictures th {
	vertical-align:top;
	white-space:nowrap;
	width:10%;
}
table.pictures td {
	vertical-align:top;
} 
table.pictures tr:hover{
	background:transparent;
}

.pager {
	float:right;
	color:#777;
	margin-top:10px;
	
} 
tr.selAllRow .pager a {
	padding-right:5px;
	padding-left:5px;
	font-weight:normal;
	margin-right: 2px;
}
tr.selAllRow .pager a.active {
	font-weight:bold;
}
.pager a {
	border: 1px solid #ccc; 
	font-size:11px;
	font-weight:normal;
	padding: 2px 5px; 
	margin-right: 2px;
	margin-left: 2px;
	color:#777;

} 
.pager a.active {
	background-color: #ccc;
	color:#fff;
	font-weight:bold;
}
.pager a.prvnext {
	border:none;
}
.pager a.prvnext:hover {
	text-decoration:underline;
}
.perpage {
	float:right;
	font-size:11px;
	color:#777;
}

.pager .perpage {
	float:right;
	font-size:11px;
	color:#777;
	position:relative;
	bottom:13px;
}


.messageError {
	padding:10px;
	padding-left:35px;
	background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
	color:#ffffff;
	margin-bottom:10px;
	font-weight:bold;
	border:1px #cc0000 dashed;
}
.messageInfo {
	padding:10px;
	padding-left:35px;
	background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #f0cd56 solid;
}
.messageOk {
	padding:10px;
	padding-left:35px;
	background: #a2f78b url('../../image/Admin/ok.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #3abe16 solid;
}


div.iconBox {
		
	height: 120px;
	position: relative;
	margin: 10px 0 0 0;
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;
	}
div.iconBox h2 {
	background-color: #ccdef3;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;
	}
a.icon {
	float: left;
	width: 100px;
	padding-top: 50px;
	text-align: center;
	}
a.icon:hover {
	text-decoration: underline;
	}
#iUzytkownicy {	background: url('../../image/Admin/icons/iconUzytkownicy.gif') no-repeat top center; }
#iPerformerzy {	background: url('../../image/Admin/icons/iconPerformerzy.gif') no-repeat top center; }
#iAgencje {	background: url('../../image/Admin/icons/iconAgencje.gif') no-repeat top center; }
#iCechyUzytkownika {	background: url('../../image/Admin/icons/iconCechyUzytkownika.gif') no-repeat top center; }
#iKategorieZarzadzanie {	background: url('../../image/Admin/icons/iconKategorieZarzadzanie.gif') no-repeat top center; }
#iKategoriePreferencje {	background: url('../../image/Admin/icons/iconKategoriePreferencje.gif') no-repeat top center; }
#iNapiwki {	background: url('../../image/Admin/icons/iconNapiwki.gif') no-repeat top center; }
#iTypyOcen {	background: url('../../image/Admin/icons/iconTypyOcen.gif') no-repeat top center; }
#iSetup {	background: url('../../image/Admin/icons/iconSetup.gif') no-repeat top center; }
#iZarzadzanieUzytkownikami {	background: url('../../image/Admin/icons/iconZarzadzanieUzytkownikami.gif') no-repeat top center; }
#iDodajUzytkownika {	background: url('../../image/Admin/icons/iconDodajUzytkownika.gif') no-repeat top center; }
#iKomunikaty {	background: url('../../image/Admin/icons/iconKomunikaty.gif') no-repeat top center; }
#iSeo {	background: url('../../image/Admin/icons/iconSeo.gif') no-repeat top center; }

/** Autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

div.panelContentTop {
	width: 645px;
	height: 25px;
	background-image: url('../../image/Admin/panelContentTop.gif');
	}
div.panelContentBottom {
	width: 645px;
	height: 4px;
	font-size: 1px;
	background-image: url('../../image/Admin/panelContentBottom.gif');
	margin-bottom: 5px;
	}
div.panelContentBody {
	width: 635px;
	background-image: url('../../image/Admin/panelContentBody.gif');
	padding: 5px;
	}
div.panelContentBodyLogin {
	width: 635px;
	background-image: url('../../image/Admin/panelContentBody.gif');
	padding: 5px;
	text-align: center;
	}
div.panelContentTop h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	}
div.panelContentTop h2 a {
	text-decoration: none;
	background-image: url('../../image/Admin/panelContentShort.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	color: #585e67;
	}
div.panelContentTop h2 a.long {
	background-image: url('../../image/Admin/panelContentLong.gif');
	}



label.error {
	clear: both;
	color: red;
	display: block;
	font-weight: bolder;
}

input.disabled, select.disabled , select.disabled option{
	background-color: #999999;
	border: 0;
}

.new {font-weight: bold}
tr.new td {font-weight: bold}